<%--
  Created by IntelliJ IDEA.
  User: Master
  Date: 2021/8/26
  Time: 10:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>华瑞科技有限公司</title>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="../css/product.css">
    <script src="../js/product.js"></script>
</head>
<body>
<div>
    <jsp:include page="top.jsp"></jsp:include>
    <div class="middle">
        <div class="product_title">
            <div>\</div>
            <div>\产品展示</div>
            <div>
                <img src="../img/pro_d31a.png" height="182" width="482"/>
            </div>
            <div></div>
            <div></div>
        </div>
        <div class="product_menu">
            <ul class="menu">
                <li><a href="#">软件</a>
                    <ul class="submenu">
                        <li><a href="#">企业用户</a></li>
                        <li><a href="#">集团用户</a></li>
                    </ul>
                </li>
                <li><a href="#">数码</a>
                    <ul class="submenu">
                        <li><a href="#">数字数码</a></li>
                        <li><a href="#">数字影音</a></li>
                    </ul>
                </li>
                <li><a href="#">通讯</a>
                    <ul class="submenu">
                        <li><a href="#">手机设备</a></li>
                        <li><a href="#">通讯设备</a></li>
                    </ul>
                </li>
                <li><a href="#">网络设备</a>
                    <ul class="submenu">
                        <li><a href="#">大型企业</a></li>
                        <li><a href="#">小型企业</a></li>
                    </ul>
                </li>
                <li><a href="#">办公设备</a>
                    <ul class="submenu">
                        <li><a href="#">一体机</a></li>
                        <li><a href="#">分体机</a></li>
                    </ul>
                </li>
                <li><a href="#">电脑配件</a>
                    <ul class="submenu">
                        <li><a href="#">主板内存</a></li>
                        <li><a href="#">电源散热</a></li>
                    </ul>
                </li>
            </ul>

        </div>
        <div class="product_img" id="product_img">
            <ul>
                <c:forEach items="${productData}" var="data" >
                        <li><img src=${data.img} height="150" width="150"/>
                            <p><a>${data.title}</a></p>
                            <p><a>企业用户</a></p>
                            <p>
                                <label>市场价格</label>
                                <span><a>${data.price}</a></span>
                            </p>
                        </li>
                </c:forEach>
            </ul>
        </div>
        <div class="paging">
            <ul>
                <li><</li>
                <li>1</li>
                <li>></li>
            </ul>
        </div>
    </div>
    <div class="foot"><jsp:include page="foot.jsp"></jsp:include></div>
</div>
</body>
</html>
